<html>
  <head>
    <meta charset="utf-8"/>
    <title>Tree Viewer</title>
  </head>
  <body>
    <div style="position:absolute">
    JSON:
    <input type="text" id="jsonstring">
    <button onclick="showInputTree()" type="submit">Show</button>
    </div>
    <!-- TODO: source locations have to be adapted -->
    <script src="../../main/resources/js/d3.min.js"></script>
    <script src="../../main/resources/js/d3-colorbar.js"></script>
    <script src="../../main/resources/js/tree_viewer/treeViewer.js"></script>
    <script src="../../main/resources/js/tree_viewer/treeViewerSettings.js"></script>
    <script src="../../main/resources/js/tree_viewer/treeViewerConnector.js"></script>
    <script>
      // don't allow editing
      edit_mode = false;
      // use document.innerWidth/Height
      window_use_inner = true;
      function showInputTree(){
          var jsonstring = document.getElementById("jsonstring").value;
          loadJSONTree(jsonstring);
      }
    </script>
  </body>
</html>
